.chat-big-box{
    width: 100%;
    height: 500px;
    border-radius: 5px;
    border: 1px solid #aaa;
    box-shadow: 0 0 10px #aaa;
    margin: 10px auto 0 auto;
}
/* 左边盒子 */
.chat-left{
    width: 80%;
    height: 500px;
    float: left;
}
/* 标题 */
.chat-title{
    height: 35px;
    padding-left: 10;
    line-height: 35px;
}
/* 聊天记录 */
.msg-list-box{
    padding: 10px;
    height: 315px;
    background-color: #eee;
    box-sizing: border-box;
    overflow-y: auto;
}
.msg .my{
    color: #337ab7;
}
.username{
    font-weight: 700;
    color: #ff0000;
}
.new-user{
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
}
/* 用户操作模块 */
.action-box{
    height: 150px;
    width: 100%;
    box-sizing: border-box;
}
/* 输入框 */
.action-box textarea{
    width: 85%;
    height: 148px;
    float: left;
    padding: 10px;
    border: none;
    border-radius: 0 0 0 5px;
    outline: none;
}
/* 发送键 */
.action-box a{
    width: 15%;
    height: 148px;
    display: block;
    text-align: center;
    line-height: 150px;
    float: left;
    background-color: #111;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}
.action-box a,.action-box a:hover{
    text-decoration: none;
}
/* 右边盒子 */
.chat-right{
    width: 20%;
    height: 500px;
    float: left;
    border-left: 1px solid #ddd;
    box-sizing: border-box;
}
/* 在线用户标题 */
.chat-right h5{
    text-align: center;
}
/* 在线用户列表 */
.chat-right a{
    display: block;
    padding: 2.5px 5px;
}